<!doctype html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>

  <body>
    <h1>stream 方法</h1>
    <p>stream 方法用于将 Blob 实例转换为 ReadableStream 实例，以便于在网络请求中使用。</p>
    <p>当 blob 体积较大时，建议使用 stream 方法，而不是直接将 blob 实例作为请求体。</p>
    <p>
      stream 方法返回的 ReadableStream 实例可以被用于 fetch 方法的 body 参数，也可以被用于其他需要
      ReadableStream 实例的场景。
    </p>

    <script>

      const blob = new Blob(['hello world'], { type: 'text/plain' });
      // 当 blob 体积较大时，建议使用 stream 方法
      const stream = blob.stream(); // 返回 ReadableStream 实例
      await fetch('/upload', {
          method: 'POST',
          body: stream,
          headers: { 'Content-Type': blob.type }
      });
    </script>
  </body>
</html>
